import { createCanvas } from '../base/init';

const app = document.getElementById('app');

if (app) {
  const { clientWidth, clientHeight } = app;
  const canvas = createCanvas(clientWidth, clientHeight);

  app.appendChild(canvas);

  // 获取webgl渲染上下文
  // 第二个参数是设置
  const gl = canvas.getContext('webgl', {
    antialias: true, // 是否开启抗锯齿
    depth: true, // 缓冲区包含深度检测
    premultipliedAlpha: true, // 非预乘阿尔法通道
    preserveDrawingBuffer: false, // 是否保存绘制缓冲区
    alpha: true, // 是否包含 alpha 通道
    failIfMajorPerformanceCaveat: false, // 是否在低性能设备不创建上下文
  });

  if (gl) {
    // 渲染一个背景色
    gl.clearColor(0.5, 0.5, 0.5, 1.0);

    gl.clear(gl.COLOR_BUFFER_BIT);
  }
}
